<template>
    <div class="footer">
        <div class="left">
             <left-map></left-map>
        </div>
       
        <div class="right">
            <right-top></right-top>
            <right-bottom></right-bottom>
        </div>
    </div>
</template>

<script setup>
import LeftMap from '@/Footer/LeftMap.vue';
import RightTop from '@/Footer/RightTop.vue';
import RightBottom from '@/Footer/RightBottom.vue';
</script>

<style scoped>
.footer {
    margin: 0 20px 20px 20px;
    display: flex;
    gap: 20px;
}
.left {
    width: 80%;
    height: 100%;
}
.right {
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}
</style>